<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>锤子商城</title>
    <link rel="stylesheet" href="../../static/styles/init.css">
    <link rel="stylesheet" href="../../styles/index.css">
</head>

<body>
    <div class="wrapper">
        <!-- 新人红包 -->
        <div class="coupons_sidebar">
            <img src="https://resource.smartisan.com/resource/ee595541711b805cc4d9dcd713aa74da.png" alt="">
        </div>
        <!-- 头部 -->
        <div class="top">
            <h1 class="logo">
                <a href="#" title="锤子商城"></a>
            </h1>
            <div class="container">
                <ul class="top_nav">
                    <li> <a href="" title=" 在线商城 " class="active" style="font-weight: 700">在线商城</a> </li>
                    <li> <a href="" title=" 坚果 Pro 2S ">坚果 Pro 2S</a> </li>
                    <li> <a href="" title=" 坚果 R1 ">坚果 R1</a> </li>
                    <li> <a href="" title=" 坚果 TNT 工作站 ">坚果 TNT 工作站</a> </li>
                    <li> <a href="" title="  Smartisan OS  ">Smartisan OS</a> </li>
                    <li> <a href="" title="  欢喜云  ">欢喜云</a> </li>
                    <li> <a href="" title=" 应用 ">应用</a> </li>
                    <li> <a href="" title="  论坛  ">论坛</a> </li>
                    <li> <a href="" title=" 荣誉与奖项 ">荣誉与奖项</a> </li>
                </ul>
            </div>
            <ul class="top_aside">
                <li class="top_user">
                    <a href="../login/login.html"></a>
                    <div class="nav_user_wrapper">
                        <div class="nav_user_list">
                            <div class="userwrapper">
                                <span></span>
                            </div>
                            <div class="user">17811111</div>
                            <ul class="list">
                                <li><a href=""><span class="a"></span>我的订单</a></li>
                                <!-- <li><a href=""><span class="b"></span>售后服务</a></li> -->
                                <li><a href=""><span class="c"></span>我的优惠</a></li>
                                <li><a href=""><span class="d"></span>账户资料</a></li>
                                <li><a href=""><span class="e"></span>收货地址</a></li>
                                <li class="logout"><a><span class="f"></span>退出</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="top_cart">
                    <a href=""></a>
                    <div class="cart_wrapper">
                        <div class="cart_list">
                            <div class="empty">
                                <h3>购物车为空</h3>
                                <p>您还没有选购任何商品，现在前往商城选购吧！</p>
                            </div>
                        </div>
                    </div>
                    <div class="info_wrapper">
                        <div class="box_inner">
                            <!-- <div class="cart_group">
                                <div class="items-thumb">
                                    <img src="https://resource.smartisan.com/resource/6e96ccea3bd56bdd2243eb20330cec30.jpg?x-oss-process=image/resize,w_80"
                                        alt="">
                                </div>
                                <div class="cart_info">
                                    <div class="name">
                                        坚果砖式蓝牙小音箱
                                    </div>
                                    <div class="price">
                                        <span>¥149.00<i>&nbsp;×&nbsp;1</i></span>
                                    </div>
                                </div>
                            </div> -->
                        </div>
                        <div class="cart_bottom">
                            <div class="b_l">
                                <div class="shipping-num">
                                    <h4>已选择 <i>0</i> 件商品</h4>
                                </div>
                                <div class="shipping-price">
                                    <h4>应付总额：<span>￥0</span></h4>
                                </div>
                            </div>
                            <span class="jieguo">
                                去购物车
                            </span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="nav_wrapper">
                <div class="nav_container">
                    <ul class="nav_list">
                        <li><a href="" style="font-weight: 700">首页</a></li>
                        <li><a href="">手机</a></li>
                        <li><a href="">官方配件</a></li>
                        <li><a href="">服饰箱包</a></li>
                        <li><a href="">畅呼吸</a></li>
                        <li><a href="">服务</a></li>
                    </ul>
                    <div class="search_bar">
                        <form action="" class="search_form">
                            <input type="text" class="search_box" maxlength="30" name="searchText" placeholder="">
                            <button class="search_btn" type="submit"></button>
                            <div class="search_recommend_words">
                                <a href="">T恤</a>
                            </div>
                        </form>
                        <div class="keywords_list">
                            <div class="arrow_up">
                                <span></span>
                            </div>
                            <ul class="result_list">
                                <li><span>T恤</span></li>
                                <li><span>移动电源</span></li>
                                <li><span>卫衣</span></li>
                                <li><span>帆布鞋</span></li>
                                <li><span>保护套</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav_goods_panel">
                <ul class="nav_category_list">
                    <!-- <li style="width: 202px;">
                        <a href="" class="min_title">手机</a>
                        <div class="nav_category_item">
                            <span class="sw">
                                <img src="" alt="">
                                <span>手机</span>
                                <a href="" title="手机"></a>
                            </span>
                        </div>
                    </li>
                    <li style="width: 404px;">
                        <a href="" class="min_title">手机</a>
                        <div class="nav_category_item">
                            <span class="sw">
                                <img src="" alt="">
                                <span>手机</span>
                                <a href="" title="手机"></a>
                            </span>
                        </div>
                    </li>
                    <li style="width: 202px;">
                        <a href="" class="min_title">手机</a>
                        <div class="nav_category_item">
                            <span class="sw">
                                <img src="" alt="">
                                <span>手机</span>
                                <a href="" title="手机"></a>
                            </span>
                        </div>
                    </li>
                    <li style="width: 202px;">
                        <a href="" class="min_title">手机</a>
                        <div class="nav_category_item">
                            <span class="sw">
                                <img src="" alt="">
                                <span>手机</span>
                                <a href="" title="手机"></a>
                            </span>
                        </div>
                    </li> -->
                </ul>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="home_wrapper">
            <!-- 轮播 -->
            <div class="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="../../static/images/banner3.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../../static/images/banner1.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../../static/images/banner2.jpg" alt="">
                        </div>
                    </div>
                    <!-- 分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <!-- 热门商品 -->
            <div class="home_box">
                <header class="storey_title">
                    <h5>热门商品</h5>
                    <div class="home_page">
                        <a class="disabled"></a>
                        <a></a>
                    </div>
                </header>
                <div class="category_normal_wrapper">
                    <!-- 热门商品列表 -->
                    <ul class="hot_items" id="hot_items1">
                        <!-- <li class="item_four">
                            <div class="product_box_item">
                                <div>
                                    <div class="item_img">
                                        <img src="https://resource.smartisan.com/resource/22c95761b040112ee4ff6e4653691ae6.png?x-oss-process=image/resize,w_216/format,webp"
                                            alt="" style="opacity: 1; transition: opacity 0.3s ease-in-out 0s;">
                                    </div>
                                    <h4>Smartisan T恤 薛定谔</h4>
                                    <h6></h6>
                                </div>
                                
                                <div class="params_colors">
                                    <ul class="colors_list">
                                        <li>
                                            <div class="outer">
                                                <img src="https://resource.smartisan.com/resource/85c73076d653ab42954d499c241a0d7e.jpg?x-oss-process=image/resize,w_20"
                                                    style="opacity: 1; transition: opacity 0.3s ease-in-out 0s;">
                                            </div>
                                        </li>
                                        <li>
                                            <div class="outer">
                                                <img src="https://resource.smartisan.com/resource/85c73076d653ab42954d499c241a0d7e.jpg?x-oss-process=image/resize,w_20"
                                                    style="opacity: 1; transition: opacity 0.3s ease-in-out 0s;">
                                            </div>
                                        </li>
                                        <li>
                                            <div class="outer">
                                                <img src="https://resource.smartisan.com/resource/85c73076d653ab42954d499c241a0d7e.jpg?x-oss-process=image/resize,w_20"
                                                    style="opacity: 1; transition: opacity 0.3s ease-in-out 0s;">
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                
                                <div class="item_price">
                                    <div class="discount_price">
                                        <span>
                                            <i>¥</i>
                                            <span>99.00</span>
                                        </span>
                                    </div>
                                    <div class="original_price">
                                        <span>
                                            <i>¥</i>
                                            <span>149.00</span>
                                        </span>

                                    </div>
                                </div>
                                <span class="colorful_tag">清仓</span>
                            </div>
                        </li> -->
                    </ul>
                </div>
            </div>
            <!-- 专场 -->
            <div class="home_box">
                <header class="storey_title">
                    <h5>服饰专场</h5>
                </header>
                <div class="category_normal_wrapper">
                    <ul class="items" id="hot_items2">

                    </ul>
                </div>
            </div>
            <div class="home_box">
                <header class="storey_title">
                    <h5>服饰箱包</h5>
                </header>
                <div class="category_normal_wrapper">
                    <ul class="items" id="hot_items2">

                    </ul>
                </div>
            </div>
            <div class="home_box">
                <header class="storey_title">
                    <h5>官方精选配件</h5>
                    <div class="floor_page">
                        <a href="" class="active">官方精选配件</a>
                        <a href="https://www.smartisan.com/category/60" target="_blank" class="floor_page_link">更多推荐
                            <i class="smartisan_icon">></i>
                        </a>
                    </div>
                </header>
                <div class="category_normal_wrapper">
                    <ul class="items" id="hot_items2">

                    </ul>
                </div>
            </div>
            <div class="home_box">
                <header class="storey_title">
                    <h5>畅呼吸系列产品</h5>
                </header>
                <div class="category_normal_wrapper">
                    <ul class="items" id="hot_items2">

                    </ul>
                </div>
            </div>
            <div class="home_box">
                <header class="storey_title">
                    <h5>坚果手机及配件</h5>
                </header>
                <div class="category_normal_wrapper">
                    <ul class="items" id="hot_items2">

                    </ul>
                </div>
            </div>
            <!-- 论坛精选 -->
            <div class="home_box" style="margin-bottom:25px">
                <header class="storey_title">
                    <h5>论坛精选</h5>
                    <div class="floor_page">
                        <a href="http://bbs.smartisan.com/forum.php" class="floor_page_link">前往论坛
                            <i class="smartisan_icon">></i>
                        </a>
                    </div>
                </header>
                <div class="image_text_wrapper">
                    <!-- <div class="image_text_item">
                        <div>
                            <a href="http://bbs.smartisan.com/thread-1001105-1-1.html "></a>
                            <img src="https://resource.smartisan.com/resource/4025f0c8dcca6f70e1e614f74e0c1632.jpg?x-oss-process=image/resize,w_246/format,webp"
                                alt="">
                            <h5>[开箱] 坚果 Pro 2S 内敛骚蓝惊艳炫光</h5>
                            <p>内敛骚蓝，惊艳炫光</p>
                            <span>阅读全文&nbsp;
                                <i class="smartisan_icon">></i>
                            </span>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="container">
            <div class="siteinfo">
                <ul class="nav_footer">
                    <li>
                        <h3>订单服务</h3>
                        <ul>
                            <li><a href="//www.smartisan.com/support/#/instruction">购买指南</a></li>
                            <li><a href="//www.smartisan.com/support/#/delivery">送货政策</a></li>
                        </ul>
                    </li>
                    <li>
                        <h3>服务支持</h3>
                        <ul>
                            <li><a href="//www.smartisan.com/service/#/">自助服务</a></li>
                            <li><a href="//www.smartisan.com/support/#/self-service">使用帮助</a></li>
                            <li><a href="//www.smartisan.com/support/#/servicelist">维修门店</a></li>
                        </ul>
                    </li>
                    <li>
                        <h3>媒体中心</h3>
                        <ul>
                            <li><a href="//www.smartisan.com/pr/news-center">新闻动态</a></li>
                            <li><a href="//www.smartisan.com/pr/videos">官方视频</a></li>
                            <li><a href="//www.smartisan.com/pr/pictures">图片资源</a></li>
                        </ul>
                    </li>
                    <li>
                        <h3>关注我们</h3>
                        <ul>
                            <li><a href="https://weibo.com/wenyiyouth">新浪微博</a></li>
                            <li class="weixin">
                                <a>官方微信</a>
                                <div class="mask"></div>
                                <div class="qrcode">
                                    <div class="close_btn"></div>
                                    <h4>官方微信</h4>
                                    <h6>打开微信，点击右上角的“+”，选择“扫一扫”功能，用摄像头对准下方二维码即可。</h6>
                                    <div class="qrcode_bg"> </div>
                                </div>
                            </li>
                            <li><a href="//www.smartisan.com/support/#/awards">荣誉奖项</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="service">
                    <li class="tel">400 - 626 - 5666</li>
                    <li class="time">周一到周日 9:00 - 18:00</li>
                    <li class="desc">(仅收市话费)</li>
                    <li class="online">
                        <a href="//www.smartisan.com/support/#/self-service">
                            <span>在线帮助</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 版权声明 -->
            <div class="copyright">
                <h4>Copyright © 2019 smartisan.com 版权所有</h4>
                <ul class="privacy">
                    <li><a href="//www.smartisan.com/support/#/agreement">法律声明</a></li>
                    <li><a href="//www.smartisan.com/support/#/privacy">隐私条款</a></li>
                </ul>
                <h6>
                    <a href="http://www.miibeian.gov.cn/">
                        <span>京 ICP 备 18020659 号 - 2 </span>
                    </a>
                </h6>
            </div>
        </div>
    </div>
</body>
<script src="../../static/scripts/require.js" data-main="index.js"></script>

</html>